<template>
  <fieldset>
    <legend>container组件</legend>
    <div id="container">
      <!-- <slotScope>
            <template v-slot:scope="{a}">
                {{ a }}
                <h1 v-for="(item,index) in a" :key="index">{{item}}</h1>
            </template>
        </slotScope> -->
      <Modal :visible="visible"
        @on-cancel="cancel"
        @on-confirm="confirm"></Modal>
      <button @click="showModal">点击显示模态框</button>
      <!-- <mixCom></mixCom> -->
      <!-- <dynamicCom></dynamicCom> -->
       <!-- <tab></tab> -->
       <!-- <keepCom></keepCom> -->
        <!-- <usuallApi></usuallApi> -->
         <transitionCom></transitionCom>
    </div>
  </fieldset>
</template>
<script>
//插槽作用域使用流程
//1.在slot标签上动态绑定一个属性
//2.在组件标签中间的内容template上加上表达式v-slot="data"，这个data是一个对象里面的属性就是slot动态传递的属性
// import slotScope from '../slotScope'
import Modal from "../modal";
import mixCom from '../mixCom/index.vue'
import modalMix from '../../mixins/modal'
import dynamicCom from '../dynamicCom'
import tab from '../tab'
import keepCom from '../keepCom/index.vue'
import usuallApi from '../usuallApi/index.vue'
import transitionCom from '../transition/index.vue'
export default {
  mixins:[modalMix],
  components: {
    // slotScope,
    Modal,
    // mixCom,
    // dynamicCom,
    // tab,
    keepCom,
    usuallApi,
    transitionCom
  },
};
</script>